@charset "UTF-8";
/*! youzu  */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

div,
ul,
ol,
li,
dl,
dd,
form,
p,
h1,
h2,
h3 {
  margin: 0;
  padding: 0; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block; }

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden],
template {
  display: none; }

a {
  background-color: transparent; }

a:active,
a:hover {
  outline: 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b,
strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

mark {
  background: #ff0;
  color: #000; }

small {
  font-size: 80%; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 1em 40px; }

hr {
  box-sizing: content-box;
  height: 0; }

pre {
  overflow: auto; }

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0; }

button {
  overflow: visible; }

button,
select {
  text-transform: none; }

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled],
html input[disabled] {
  cursor: default; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

input {
  line-height: normal; }

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0; }

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto; }

optgroup {
  font-weight: bold; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

body {
  font-family: "微软雅黑";
  font-size: 12px;
  text-align: left;
  padding: 0px 0px 0px 0px;
  margin: 0px; }

img {
  border: 0px; }

.clear {
  clear: both;
  font-size: 0px;
  padding: 0px;
  margin: 0px;
  height: 0px;
  line-height: 0px; }

div,
ul,
ol,
li,
dl,
dd,
form,
p,
h1,
h2 {
  padding: 0px 0px 0px 0px;
  margin: 0px;
  border: 0px; }

ul {
  list-style: none; }

a {
  text-decoration: none;
  color: #fff; }

a:hover {
  text-decoration: underline; }

h3,
h4,
fieldset,
legend {
  margin: 0;
  padding: 0; }

li {
  list-style: none; }

html,
body {
  height: 100%; }

fieldset,
legend {
  border: 0; }

button {
  border: 0;
  outline: none;
  text-decoration: none; }

.flash {
  width: 100%;
  position: absolute;
  left: 56px;
  height: 100%; }

.container {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #000; }

.f-fl {
  float: left; }

.f-fr {
  float: right; }

.f-red {
  color: #d53434; }

.f-blue {
  color: #47aede; }

.f-white {
  color: #fff; }

.f-meter {
  color: #eadcbe; }

.clearfix {
  *zoom: 1; }

.f-center {
  text-align: center; }

.coffee-btn {
  background: #4c494a;
  color: #c8c1b7;
  border-radius: 3px; }

button,
input,
textarea {
  outline: none; }

.none {
  display: none; }

.f-orange {
  color: #ee7700; }

.f-bold {
  font-weight: bold; }

.clearfix:before,
.clearfix:after {
  display: table;
  line-height: 0;
  content: ""; }

.clearfix:after {
  clear: both; }

.sideBar {
  width: 56px;
  background: #272324;
  height: 100%;
  z-index: 99;
  position: absolute; }

.arrow {
  background: url(../img/leftarrow.png);
  position: absolute;
  right: 0;
  top: 20px;
  z-index: 999;
  width: 8px;
  height: 20px; }

.close {
  background: url(../img/close.png) no-repeat;
  width: 29px;
  height: 29px;
  position: absolute;
  top: 17px;
  right: 20px;
  cursor: pointer; }

.g-icon {
  background: url(../img/gameicon.png) no-repeat;
  height: 22px;
  display: inline-block; }

.sideBar-item {
  position: absolute;
  top: 50%;
  height: 500px;
  margin-top: -250px;
  width: 56px; }

.sideBar-item .icon {
  background: url(../img/popico.png) no-repeat;
  display: block;
  width: 24px;
  height: 26px;
  display: block;
  margin-left: auto;
  margin-right: auto; }

.sideBar-item .sideBar-float-item {
  width: 56px;
  height: 70px;
  margin-bottom: 22px;
  position: relative; }

.sideBar-item .sideBar-float-item .popIco {
  width: 55px;
  height: 55px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  cursor: pointer;
  position: relative; }

.sideBar-item .sideBar-float-item .popIco2 {
  width: 55px;
  height: 55px;
  display: none;
  margin-left: auto;
  margin-right: auto;
  cursor: pointer;
  position: relative; }

.sideBar-item .sideBar-title {
  text-align: center;
  color: #fff;
  margin-top: 6px;
  font-weight: bold;
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  -moz-user-select: none; }

.sideBar-item .sideBar-float-item.active .sideBar-title,
.sideBar-item .sideBar-float-item.cur .sideBar-title {
  color: #b49769; }

.sideBar-item .sideBar-float-item.active .popIco,
.sideBar-item .sideBar-float-item.cur .popIco {
  background: #b49769;
  transition: all .2s ease-in-out;
  -webkit-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out; }

.copyBtn {
  color: #de8747;
  text-decoration: underline;
  cursor: pointer; }

.sideBar-pop {
  position: fixed;
  left: 56px;
  z-index: 99;
  width: 608px;
  height: 504px;
  top: 50%;
  margin-top: -252px; }

.promptBox {
  position: fixed;
  left: 56px;
  z-index: 99;
  height: 504px;
  top: 50%;
  margin-top: -252px; }

.prompt {
  padding: 0 20px;
  background: #F3F3F3;
  display: block;
  margin-top: 10px;
  height: 40px;
  line-height: 40px;
  letter-spacing: 2px;
  font-size: 14px;
  border-radius: 5px;
  position: relative; }
  .prompt b {
    padding: 0 5px;
    color: #E3681A; }
  .prompt .promptArrow {
    background: url(../img/leftarrow.png);
    position: absolute;
    left: -8px;
    top: 10px;
    z-index: 999;
    width: 8px;
    height: 20px; }

.sideBar-role {
  position: absolute;
  left: 70px;
  z-index: 99; }

.commonBox {
  width: 608px;
  height: 504px;
  background: #f3f3f3; }

.commonBox:before,
.commonBox:after {
  content: " ";
  display: table; }

.commonBox:after {
  clear: both; }

.contentBox {
  padding: 26px 50px 0;
  overflow: hidden; }

.commonBox {
  overflow: hidden;
  position: relative; }

.commonBox .tab:before,
.commonBox .tab:after {
  content: " ";
  display: table; }

.commonBox .tab:after {
  clear: both; }

.commonBox .tab li {
  float: left;
  height: 75px;
  background: #272324;
  text-align: center;
  color: #c8c1b7;
  font-size: 18px;
  cursor: pointer;
  user-select: none; }
  .commonBox .tab li a {
    display: block;
    color: #c8c1b7; }
  .commonBox .tab li a:hover {
    text-decoration: none; }

.commonBox .tab li.cur {
  background: #a68c62;
  color: #fff; }
  .commonBox .tab li.cur a {
    display: block;
    color: #fff; }

.choseLeft {
  background-image: -webkit-linear-gradient(left, #d53434 0%, transparent 100%);
  background-image: -o-linear-gradient(left, #d53434 0%, transparent 100%);
  background-image: linear-gradient(to right, #d53434 0%, transparent 100%);
  background-repeat: repeat-x;
  left: 5px;
  text-indent: 5px; }

.choseRight {
  background-image: -webkit-linear-gradient(left, transparent 0%, #5a79ca 100%);
  background-image: -o-linear-gradient(left, transparent 0%, #5a79ca 100%);
  background-image: linear-gradient(to right, transparent 0%, #5a79ca 100%);
  background-repeat: repeat-x;
  right: 5px;
  text-indent: 54px; }

.mr0 {
  margin-right: 0 !important; }

.mt0 {
  margin-bottom: 0 !important; }

.duihuan_num {
  margin-top: 4px;
  line-height: 28px;
  position: relative;
  float: left; }

.select_num_box {
  display: inline-block;
  border: 1px solid #bababa;
  height: 28px;
  line-height: 28px;
  margin-left: 16px; }

i.assign_num {
  display: inline-block;
  height: 28px;
  line-height: 28px;
  padding: 0 14px;
  font-style: normal;
  border: 1px solid #bababa;
  border-width: 0 1px;
  float: left;
  -webkit-box-shadow: inset 1px 1px 1px #dbdbdb;
  -moz-box-shadow: inset 1px 1px 1px #dbdbdb;
  -o-box-shadow: inset 1px 1px 1px #dbdbdb;
  -ms-box-shadow: inset 1px 1px 1px #dbdbdb;
  box-shadow: inset 1px 1px 1px #dbdbdb; }

a.select_reduce,
a.select_add {
  display: inline-block;
  width: 14px;
  height: 28px;
  float: left;
  background: url(../img/sprite_eshop_icon.png) no-repeat;
  text-decoration: none; }

a.select_reduce {
  background-position: 0 0; }

a.select_add {
  background-position: -14px 0; }

a.no_reduce {
  background-position: 0 -25px; }

a.no_add {
  background-position: -14px -25px; }

.DropDown {
  display: block;
  width: 197px;
  height: 35px;
  background: url(../img/layout/sprites.png) no-repeat 0 -367px;
  line-height: 35px;
  padding-left: 13px; }

.Drop_Pop {
  width: 140px;
  background: #4b4849;
  position: absolute;
  z-index: 3;
  top: 28px;
  left: 0;
  line-height: 36px; }

.Drop_Pop a {
  display: block;
  height: 36px;
  padding-left: 13px;
  color: #c8c1b7; }

.Drop_Pop a:hover {
  background: #6D6D6D;
  color: #fff; }

.payIframe {
  width: 608px;
  height: 504px; }

.noorgBox {
  text-align: center; }

.noorgBox h4 {
  color: #272324;
  font-size: 40px;
  font-weight: normal;
  padding-top: 128px; }

.noorgBox p {
  color: #272324;
  font-size: 20px;
  font-weight: normal;
  padding-top: 24px; }

.pay .icon {
  background-position: -32px 0; }

.pay.active .icon,
.pay.cur .icon {
  background-position: -32px -26px; }

.arrowBack {
  background: url(../img/backarrow.png);
  width: 22px;
  height: 46px;
  position: fixed;
  left: 643px;
  top: 50%;
  margin-top: -23px;
  cursor: pointer;
  z-index: 999; }

.diaInfo {
  text-align: center;
  position: absolute;
  top: 55%;
  left: 50%;
  color: #fff;
  font-size: 14px;
  padding: 4px 24px;
  border-radius: 3px;
  display: inline-block;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.15);
  z-index: 999;
  user-select: none; }

.dialogBg {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  left: 0;
  top: 0; }

.diaInfo.red {
  background: #bc3a3a;
  border: 2px solid #ce8d8d; }

.diaInfo.green {
  background: #82ae50;
  border: 2px solid #b1c798; }

.diaInfo.in {
  animation: fade-in .5s ease-in-out;
  animation-fill-mode: forwards;
  -webkit-animation: fade-in .5s ease-in-out;
  -webkit-animation-fill-mode: forwards;
  -moz-animation: fade-in .5s ease-in-out;
  -moz-animation-fill-mode: forwards;
  -ms-animation: fade-in .5s ease-in-out;
  -ms-animation-fill-mode: forwards;
  -o-animation: fade-in .5s ease-in-out;
  -o-animation-fill-mode: forwards; }

@keyframes fade-in {
  0% {
    top: 55%;
    opacity: 0; }
  100% {
    top: 50%;
    opacity: 1; } }
@-webkit-keyframes fade-in {
  0% {
    top: 55%;
    opacity: 0; }
  100% {
    top: 50%;
    opacity: 1; } }
@-o-keyframes fade-in {
  0% {
    top: 55%;
    opacity: 0; }
  100% {
    top: 50%;
    opacity: 1; } }
@-moz-keyframes fade-in {
  0% {
    top: 55%;
    opacity: 0; }
  100% {
    top: 50%;
    opacity: 1; } }
@-ms-keyframes fade-in {
  0% {
    top: 55%;
    opacity: 0; }
  100% {
    top: 50%;
    opacity: 1; } }
.maskBox {
  position: fixed;
  background: #000;
  opacity: .5;
  filter: alpha(opacity=50);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 11000;
  visibility: hidden; }

.diaImg {
  position: fixed;
  display: none;
  top: 12%;
  left: 0%;
  z-index: 20000;
  width: 100%; }
  .diaImg .inner {
    text-align: center; }
  .diaImg img {
    vertical-align: bottom;
    max-width: 420px;
    max-height: 420px; }
  .diaImg .imgWrap {
    position: relative;
    display: inline-block; }
  .diaImg .closeBtn {
    *top: auto;
    *right: auto; }

.diaImg.in {
  display: block; }

.mobileBox .diaImg {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%); }

.in ~ .maskBox {
  visibility: visible; }

.closeBtn {
  background: url(../img/close.png);
  width: 22px;
  height: 22px;
  display: block;
  position: absolute;
  top: 0;
  right: -24px;
  z-index: 11;
  cursor: pointer; }

.closeBtn:hover {
  background: url(../img/close.png) -22px 0; }

.reddot {
  width: 9px;
  height: 9px;
  background: #c83434;
  border-radius: 50%;
  position: absolute;
  right: -3px;
  top: 2px; }

.col-1 li {
  width: 100% !important; }

.col-2 li {
  width: 50% !important; }

.col-3 li {
  width: 33.33333% !important;
  *width: 202.6px !important; }

.col-4 li {
  width: 25% !important; }

.col-5 li {
  width: 20% !important; }

/*页码开始*/
.pagenumQu {
  padding: 10px 0 10px 0;
  text-align: center; }

.yiiPager li {
  display: inline; }

.yiiPager a {
  display: inline-block;
  overflow: hidden;
  margin: 0 3px;
  padding: 0 10px;
  height: 30px;
  background: #fff;
  border: 1px solid #acacac;
  color: #666666;
  text-decoration: none;
  font-size: 13px;
  line-height: 30px; }

.yiiPager .selected a {
  border: none;
  background: 0 0;
  color: #fff;
  font-weight: 700;
  background: #f07700;
  border: 1px solid #f07700; }

.paging {
  text-align: center;
  margin-top: 10px;
  overflow: hidden;
  display: inline-block;
  width: 100%; }

.btn-orange {
  color: #fff !important;
  background: #ed8c2d !important; }

.sideBar-arrow .arrowBox {
  width: 55px;
  height: 100px;
  display: block;
  position: relative; }
.sideBar-arrow .i-arrow {
  background: url(../img/arrow.png);
  width: 21px;
  height: 19px;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -11px;
  margin-top: -11px; }

.sideBar-arrow.active {
  background: #434343; }
  .sideBar-arrow.active .i-arrow {
    background: url(../img/arrow.png) 0 -19px; }

.sideBar-arrow-back {
  width: 18px;
  height: 66px;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -33px;
  display: none; }
  .sideBar-arrow-back .arrowBox {
    background: url(../img/arrow.png) 0 -38px;
    width: 14px;
    height: 15px;
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -7px;
    left: 2px; }

.blankBox {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #e1e1e1;
  text-align: center;
  z-index: 999; }
  .blankBox h4 {
    color: #272324;
    font-size: 40px;
    font-weight: normal;
    padding-top: 128px; }

.message-icon, .p-message em {
  background-image: url(../img/message_icon.png);
  background-repeat: no-repeat;
  display: block;
  float: left;
  width: 24px;
  height: 18px; }

.p-message {
  position: absolute;
  top: 43px;
  right: -105px;
  z-index: 7;
  width: 348px;
  height: 0;
  display: none;
  cursor: pointer;
  background: #fff;
  font-size: 14px;
  overflow: hidden; }

.p-message-box {
  margin-top: 14px;
  padding: 0 0 0 12px;
  border: 1px solid #EF7F2F;
  height: 314px;
  position: relative; }

.p-message-hover {
  display: block;
  height: 330px;
  transition: height .3s ease 0s; }

.p-message-header {
  height: 35px;
  line-height: 35px;
  border-bottom: 1px solid #CEC6BB;
  width: 500px;
  margin-left: 50px;
  padding-top: 14px;
  font-size: 18px;
  margin-bottom: 25px;
  overflow: hidden; }

.p-message-header b {
  color: #E3681A;
  padding: 0 5px;
  font-weight: 500; }

.p-message-header a {
  float: right;
  color: #E3681A;
  font-size: 14px; }

.scrollBox {
	  position: relative;
  
  width: 490px; padding:0 10px 0  0px;
  margin: 0 auto;
  height: 360px;
  overflow: hidden;  }

.noMessage {
  display: block;
  margin: 0 auto;
  padding: 80px 0 0; }

.p-message-list {
  overflow: hidden;
  border-bottom: 1px solid #CEC6BB;
  padding: 15px 0 8px;
  font-size: 12px; }

.p-message-list dt {
  padding-right: 18px; }

.p-message-list dt h4 {
  height: 18px;
  line-height: 18px;
  overflow: hidden;
  margin: 0;
  font-size: 14px;
  color: #272324; }

.message-xt h4 i {
  background-position: 0 3px; }

.message-gr h4 i {
  background-position: 0 -24px; }

.message-hd h4 i {
  background-position: 0 -49px; }

.p-message-list dt span {
  float: right;
  font-weight: 500;
  font-size: 12px;
  color: #817B7D; }

.p-message-list dd {
  position: relative;
  line-height: 18px;
  margin-top: 12px;
  color: #444444; }

.p-message-list dd a.xiangqing {
  position: absolute;
  right: 12px;
  bottom: 0;
  color: #EF7F2F;
  display: block; }
  
.p-message-list .ms_jie {  padding: 0px 0px 0px 0px;     }
.p-message-list .ms_tus {  padding: 8px 0px 3px 0px;     }
.p-message-list .ms_tus a{ display:inline-block; margin-right:5px; width:150px; height:100px; overflow:hidden; border:1px solid #CCC; text-align:center;     }
.p-message-list .ms_tus a.on{  border:1px solid #f90;   }
.p-message-list .ms_tus s img{ width:150px; height:100px;   }   

.p-view-more {
  width: 90px;
  height: 28px;
  background: #272324;
  border-radius: 3px;
  text-align: center;
  line-height: 28px;
  display: block;
  margin: 18px auto 0;
  font-size: 12px;
  color: #C7C0B7 !important; }

.p-message em {
  height: 6px;
  width: 10px;
  position: absolute;
  top: -6px;
  left: 50%;
  background-position: -3px -74px; }

.no-news {
  padding: 50px 0 94px; }

.no-news dt img {
  display: block;
  margin: 0 auto; }

.no-news dd {
  padding-top: 10px;
  line-height: 100%;
  text-align: center; }

.dumascroll {
  width: 500px;
  height: 360px;
  overflow: hidden;
  padding-right: 28px;
  margin-left: 50px; }

.dumascroll_area {
  height: 100%;
  overflow: hidden; }

.dumascroll_bar {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 9;
  width: 18px;
  height: 100%;
  cursor: default;
  -moz-user-select: none;
  -khtml-user-select: none;
  user-select: none;
  background: #c3c3c3;
  border-radius: 3px; }

.dumascroll_arrow_up, .dumascroll_arrow_up_a, .dumascroll_handle, .dumascroll_handle_a, .dumascroll_arrow_down, .dumascroll_arrow_down_a {
  position: absolute;
  left: 0; }

.dumascroll_arrow_up, .dumascroll_arrow_up_a, .dumascroll_arrow_down, .dumascroll_arrow_down_a {
  width: 100%;
  height: 2px;
  color: #fff;
  text-align: center;
  border-radius: 10px; }

.dumascroll_arrow_up, .dumascroll_arrow_up_a {
  top: 0; }

.dumascroll_arrow_down, .dumascroll_arrow_down_a {
  bottom: 0; }

.dumascroll_handle, .dumascroll_handle_a {
  width: 14px;
  margin-left: 2px;
  border-radius: 3px; }

.dumascroll_handle {
  background: #4c494a; }

.dumascroll_handle_a {
  background: #4c494a;
  opacity: 0.8; }

.reddot {
  width: 9px;
  height: 9px;
  background: #c83434;
  border-radius: 50%;
  position: absolute;
  right: 8px;
  top: 8px; }

div.container ~ div, div.container ~ iframe {
  display: none !important;
  opacity: 0 !important; }

.orgName {
  background: #b49769;
  height: 50px;
  line-height: 50px;
  padding: 0 15px;
  color: #fff;
  position: relative; }
  .orgName h2 {
    font-size: 18px;
    margin-right: 10px;
    float: left;
    font-weight: normal; }
  .orgName span {
    font-size: 14px;
    line-height: 30px;
    background: #9a7e52;
    padding: 2px 8px;
    border-radius: 3px; }
  .orgName .bindwx {
    background: url(../img/bindwx.png) no-repeat;
    width: 98px;
    height: 32px;
    display: inline-block;
    float: right;
    margin-top: 10px;
    cursor: pointer; }

.orgBox {
  padding: 20px 20px 20px 15px; }
  .orgBox .mesBox {
    position: relative;
    overflow: hidden;
    height: 298px;
    padding-right: 15px; }
  .orgBox .list {
    height: 100%; }
  .orgBox .item {
    margin-bottom: 20px;
    overflow: hidden; }
  .orgBox .item.self dt {
    text-align: right; }
  .orgBox .item.self .avar {
    float: right;
    margin-left: 12px;
    margin-right: 0; }
  .orgBox .item.self .text {
    float: right; }
  .orgBox .item.self .mesArrow {
    left: auto;
    right: 47px;
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
    border-width: 6px;
    cursor: pointer;
    border-style: dashed dashed dashed solid;
    border-color: transparent transparent transparent #fff;
    border-right: none; }
  .orgBox .item.self .position {
    float: right;
    margin-right: 0;
    margin-left: 8px; }
  .orgBox .item.self .name {
    float: right;
    margin-right: 0;
    margin-left: 8px; }
  .orgBox .name {
    font-size: 14px;
    color: #684f26;
    margin-right: 8px; }
  .orgBox .info {
    width: 286px;
    color: #827b7d;
    display: inline-block;
    float: left;
    margin-right: 10px; }
  .orgBox .mesItem dt {
    width: 50px;
    float: left; }
  .orgBox .avar {
    float: left;
    margin-right: 12px; }
    .orgBox .avar img {
      width: 40px;
      height: 40px;
      border-radius: 3px; }
  .orgBox .text {
    background: #fff;
    display: inline-block;
    padding: 6px;
    font-size: 14px;
    border-radius: 3px;
    max-width: 350px;
    position: relative;
    word-wrap: break-word; }
    .orgBox .text img {
      max-width: 100px;
      max-height: 100px;
      cursor: pointer;
      vertical-align: bottom;
      min-width: 80px; }
  .orgBox .position {
    font-size: 12px;
    color: #fff;
    background: #272324;
    padding: 0 8px;
    border-radius: 3px;
    margin-right: 8px; }
  .orgBox .time {
    font-size: 12px;
    color: #9f9e9e; }
  .orgBox .box {
    margin-top: 10px;
    position: relative; }
  .orgBox .mesArrow {
    position: absolute;
    left: 47px;
    top: 9px;
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
    border-width: 6px;
    cursor: pointer;
    border-style: dashed solid dashed dashed;
    border-color: transparent #fff transparent transparent;
    border-left: none; }
  .orgBox .exp {
    width: 28px;
    min-width: 28px !important; }

.orgText {
  height: 94px;
  border-top: 1px solid #d7ccb9; }
  .orgText .sendBtn {
    background: #b7b7b7;
    color: #c8c1b7;
    border-radius: 3px;
    width: 70px;
    line-height: 28px;
    height: 28px;
    color: #fff; }
  .orgText .sendBtn.in {
    background: #4c494a; }
  .orgText .textarea {
    width: 588px;
    height: 58px;
    background: #f3f3f3;
    padding: 10px;
    color: #2a2a2a;
    display: block;
    border: 0;
    resize: none;
    font-size: 14px; }
  .orgText .opt {
    height: 28px;
    padding: 8px 15px 0;
    line-height: 40px;
    overflow: hidden;
    display: block; }
  .orgText .coffee-btn {
    width: 70px;
    line-height: 28px;
    height: 28px;
    background: #b49769;
    color: #fff; }
  .orgText .ico {
    width: 26px;
    height: 26px;
    background: url(../img/org.png) no-repeat;
    display: inline-block;
    margin-right: 14px;
    cursor: pointer;
    float: left; }
  .orgText .photo {
    background-position: -41px 0px;
    position: relative; }
    .orgText .photo input {
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0;
      opacity: 0;
      filter: alpha(opacity=0);
      cursor: pointer; }

.ewmBox {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -218px;
  margin-top: -180px;
  width: 436px;
  height: 360px;
  background: #e1e1e1;
  visibility: hidden;
  z-index: 11001; }
  .ewmBox .title {
    border-bottom: 1px solid #d7ccb9;
    color: #684f26;
    padding: 10px; }
  .ewmBox .box {
    padding: 15px;
    max-height: 270px;
    overflow: hidden; }
    .ewmBox .box img {
      display: block;
      margin-left: auto;
      margin-right: auto; }
  .ewmBox .info {
    margin-top: 17px;
    padding-left: 38px; }
  .ewmBox .closeBtn {
    top: 8px;
    right: 10px; }
  .ewmBox .serverList {
    margin-top: 15px; }
    .ewmBox .serverList .item {
      background: #fff;
      padding: 10px 6px;
      border-radius: 3px;
      margin-bottom: 15px; }
      .ewmBox .serverList .item span {
        float: right; }
  .ewmBox .scroll {
    height: 280px;
    overflow-y: auto; }
  .ewmBox .subTit {
    color: #684f26; }

.ewmBox.in {
  visibility: visible; }

.failPoint {
  position: absolute;
  background: url(../img/failpoint.png);
  width: 22px;
  height: 22px;
  right: -30px;
  top: 50%;
  margin-top: -11px; }

.self .failPoint {
  right: auto;
  left: -30px; }

.ps-container .ps-scrollbar-y-rail {
  position: absolute;
  /* please don't change 'position' */
  right: 3px;
  /* there must be 'right' for ps-scrollbar-y-rail */
  width: 5px;
  border-radius: 3px;
  opacity: 1;
  filter: alpha(opacity=0);
  -o-transition: background-color .2s linear, opacity .2s linear;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  -moz-transition: background-color .2s linear, opacity .2s linear;
  transition: background-color .2s linear, opacity .2s linear; }

.ps-container:hover .ps-scrollbar-y-rail,
.ps-container.hover .ps-scrollbar-y-rail {
  opacity: 0.6;
  filter: alpha(opacity=60); }

.ps-container .ps-scrollbar-y-rail:hover,
.ps-container .ps-scrollbar-y-rail.hover {
  background-color: #eee;
  opacity: 0.9;
  filter: alpha(opacity=90); }

.ps-container .ps-scrollbar-y-rail.in-scrolling {
  background-color: #eee;
  opacity: 0.9;
  filter: alpha(opacity=90); }

.ps-container .ps-scrollbar-x {
  position: absolute;
  /* please don't change 'position' */
  bottom: 0;
  /* there must be 'bottom' for ps-scrollbar-x */
  height: 14px;
  background-color: #4c494a;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -o-transition: background-color .2s linear;
  -webkit-transition: background-color 0.2s linear;
  -moz-transition: background-color .2s linear;
  transition: background-color .2s linear; }

.ps-container.ie6 .ps-scrollbar-x {
  font-size: 0;
  /* fixed scrollbar height in xp sp3 ie6 */ }

.ps-container .ps-scrollbar-x-rail:hover .ps-scrollbar-x,
.ps-container .ps-scrollbar-x-rail.hover .ps-scrollbar-x {
  background-color: #999; }

.ps-container .ps-scrollbar-y {
  position: absolute;
  /* please don't change 'position' */
  right: 0;
  /* there must be 'right' for ps-scrollbar-y */
  width: 5px;
  background-color: #4c494a;
  border-radius: 3px;
  -o-transition: background-color .2s linear;
  -webkit-transition: background-color 0.2s linear;
  -moz-transition: background-color .2s linear;
  transition: background-color .2s linear; }

.ps-container.ie6 .ps-scrollbar-y {
  font-size: 0;
  /* fixed scrollbar height in xp sp3 ie6 */ }

.ps-container .ps-scrollbar-y-rail:hover .ps-scrollbar-y,
.ps-container .ps-scrollbar-y-rail.hover .ps-scrollbar-y {
  background-color: #999; }

.ps-container.ie .ps-scrollbar-x,
.ps-container.ie .ps-scrollbar-y {
  visibility: hidden; }

.ps-container.ie:hover .ps-scrollbar-x,
.ps-container.ie:hover .ps-scrollbar-y,
.ps-container.ie.hover .ps-scrollbar-x,
.ps-container.ie.hover .ps-scrollbar-y {
  visibility: visible; }

.ps-scrollbar-x {
  display: none; }

.faceBox {
  position: absolute;
  top: 194px;
  left: 4px;
  background: #fff;
  padding: 10px;
  border: 1px solid #cccccc; }
  .faceBox .box {
    background: url(../img/face.jpg);
    width: 435px;
    height: 173px; }
  .faceBox .arrowFace {
    position: absolute;
    bottom: -5px;
    left: 17px;
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
    border-width: 6px;
    cursor: pointer;
    border-style: solid dashed dashed dashed;
    border-color: #fff transparent transparent transparent;
    border-bottom: none; }

.face-panel-wrap .express {
  width: 29px;
  height: 29px;
  display: block;
  float: left; }

.mob {
  background: #e1e1e1;
  -webkit-tap-highlight-color: transparent;
  -moz-tap-highlight-color: transparent;
  -ms-tap-highlight-color: transparent;
  -o-tap-highlight-color: transparent;
  tap-highlight-color: transparent; }

.mobileBox {
  background: #e1e1e1;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0; }
  .mobileBox .diaImg {
    position: absolute; }
  .mobileBox .maskBox {
    opacity: 1; }
  .mobileBox .loadImg {
    opacity: .3;
    background: #fff; }
  .mobileBox .orgBox {
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%; }
    .mobileBox .orgBox .mesBox {
      height: 80%;
      overflow-y: auto;
      -webkit-overflow-scrolling: touch;
      padding: 15px; }
    .mobileBox .orgBox .text {
      max-width: 77%; }
    .mobileBox .orgBox .item.self .position {
      float: right;
      margin-right: 0;
      margin-left: 8px; }
    .mobileBox .orgBox .item.self .name {
      float: right;
      margin-right: 0;
      margin-left: 8px; }
  .mobileBox .text {
    word-wrap: break-word; }
  .mobileBox .diaImg img {
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto;
    display: block; }
  .mobileBox .flexBox {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; }
  .mobileBox .textareaBox {
    -webkit-box-flex: 6;
    -moz-box-flex: 6;
    width: 20%;
    -webkit-flex: 6;
    -ms-flex: 6;
    flex: 6; }
  .mobileBox .faceOpt {
    padding-top: 4px;
    -webkit-box-flex: 2;
    -moz-box-flex: 2;
    width: 20%;
    -webkit-flex: 2;
    -ms-flex: 2;
    flex: 2; }
  .mobileBox .orgText {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: auto;
    background: #fff;
    width: 100%; }
    .mobileBox .orgText .padding {
      padding: 6px; }
      .mobileBox .orgText .padding:before, .mobileBox .orgText .padding:after {
        content: " ";
        display: table; }
      .mobileBox .orgText .padding:after {
        clear: both; }
    .mobileBox .orgText .textarea {
      background: #fff;
      float: left;
      border: 1px solid #e1e1e1;
      border-radius: 3px 0 0 3px;
      padding: 8px 6px;
      width: 69%;
      height: 20px;
      border-right: 0;
      overflow: auto; }
    .mobileBox .orgText .sendBtn {
      height: 38px;
      border-radius: 0 3px 3px 0;
      width: 25%;
      font-size: 14px;
      background: #b7b7b7;
      color: #fff;
      transition: all .3s; }
    .mobileBox .orgText .sendBtn.in {
      background: #282425;
      transition: all .2s; }
    .mobileBox .orgText .smile {
      background: url(../img/mf.png) no-repeat;
      background-size: cover;
      width: 30px;
      height: 30px;
      vertical-align: middle;
      margin-right: 10%; }
    .mobileBox .orgText .photo {
      background: url(../img/mp.png) no-repeat;
      background-size: cover;
      width: 30px;
      height: 25px;
      vertical-align: middle;
      margin-right: 0; }
  .mobileBox .expBox {
    background: #fff; }
  .mobileBox .express {
    width: 12.5%; }
  .mobileBox .ui-carousel {
    padding-bottom: 18px; }
  .mobileBox .ui-carousel-indicators {
    bottom: 0; }

.scrollable {
  -webkit-overflow-scrolling: touch;
  overflow-y: auto; }

.checkserver {
  position: absolute;
  right: 15px;
  top: 15px;
  background: #282425;
  color: #fff;
  font-size: 14px;
  padding: 6px 11px;
  z-index: 999;
  opacity: .8;
  border-radius: 6px; }

.serverDialog {
  width: 80%;
  display: none;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  height: 361px;
  background: #e1e1e1;
  visibility: hidden;
  z-index: 11001; }
  .serverDialog .title {
    border-bottom: 1px solid #d7ccb9;
    color: #684f26;
    padding: 10px; }
  .serverDialog .box {
    padding: 15px;
    max-height: 270px;
    overflow: hidden; }
    .serverDialog .box p {
      text-align: center; }
    .serverDialog .box img {
      display: block;
      margin-left: auto;
      margin-right: auto; }
  .serverDialog .closeBtn {
    top: 8px;
    right: 10px; }
  .serverDialog .serverList {
    margin-top: 15px; }
    .serverDialog .serverList .item {
      background: #fff;
      padding: 10px 6px;
      border-radius: 3px;
      margin-bottom: 15px;
      display: block; }
      .serverDialog .serverList .item span {
        float: right; }
  .serverDialog .scroll {
    height: 280px;
    overflow-y: auto; }
  .serverDialog .subTit {
    color: #684f26; }

.serverDialog.in {
  visibility: visible; }

input[type="text"],
input[type="password"],
input[type="button"],
select,
textarea {
  -webkit-appearance: none; }

.noorgBox {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #e1e2e3;
  z-index: 2000; }
  .noorgBox img {
    max-width: 80%;
    top: 50%;
    left: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%); }

.tipsTime,
.tipsMore {
  background: #9d9d9d;
  padding: 8px 18px;
  border-radius: 3px;
  margin: 0 auto 20px;
  display: table;
  color: #fff; }

.i-time {
  background: url(../img/time.png); }

.i-more {
  background: url(../img/more.png); }

.tipicon {
  width: 14px;
  height: 14px;
  display: inline-block;
  vertical-align: sub;
  margin-right: 6px; }

.loader {
  background: url(../img/loading.gif);
  width: 32px;
  height: 32px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%); }

.pub-faces .ui-carousel {
  margin: auto;
  overflow: hidden; }

.ui-carousel {
  position: relative;
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0); }

.pub-faces .face-panel-wrap {
  overflow: hidden; }

.ui-carousel-inner {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  padding: initial; }

ol,
ul {
  list-style: none; }

.pub-faces {
  padding: 0.5rem; }

.pub-faces .face-panel-1 {
  background: url(../img/001.png) no-repeat; }

.pub-faces .face-panel-2 {
  background: url(../img/002.png) no-repeat; }

.pub-faces .face-panel-3 {
  background: url(../img/003.png) no-repeat; }

.pub-faces .face-panel {
  background-size: cover;
  float: left; }

.ui-carousel-item {
  position: relative;
  -webkit-transition: .2s ease-in-out left;
  transition: .2s ease-in-out left;
  -webkit-transform: translate(0, 0); }

.ui-carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 11;
  width: 60%;
  padding-left: 0;
  margin-left: -30%;
  list-style: none;
  -webkit-transform: translate(0, 0);
  text-align: center; }

.pub-faces .ui-carousel-indicators li {
  margin: 0 3px; }

.pub-faces .ui-carousel-indicators li {
  background-color: #ddd; }

.ui-carousel-indicators li {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin: 1px;
  border-radius: 8px;
  background-color: rgba(255, 255, 255, 0.3); }

.ui-carousel-inner > .js-active {
  left: 0;
  z-index: 10; }

.ui-carousel-inner > .js-show,
.ui-carousel-inner > .js-active,
.ui-carousel-inner > .js-next,
.ui-carousel-inner > .js-prev {
  display: block; }

.pub-faces .ui-carousel-indicators li.js-active {
  background-color: #64b5e8; }

.ui-carousel-indicators li.js-active {
  background-color: #fff; }

.pub-faces .ui-carousel-indicators li {
  margin: 0 3px; }

.pub-faces .ui-carousel-indicators li {
  background-color: #ddd; }

.ui-carousel-indicators li {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin: 1px;
  border-radius: 8px;
  background-color: rgba(255, 255, 255, 0.3); }

.pub-faces .face-panel span {
  float: left;
  box-sizing: border-box; }

.raidersBox .tab li {
  line-height: 75px; }
.raidersBox .searchBox {
  width: 100%;
  background: #f3f3f3;
  border: 1px solid #3d3a3b;
  border-radius: 3px;
  position: relative;
  height: 38px; }
  .raidersBox .searchBox input {
    background: #f3f3f3;
    border: 0;
    width: 390px;
    margin: 4px 0 0 14px;
    height: 30px;
    line-height: 30px; }
  .raidersBox .searchBox .btn-search {
    height: 28px;
    background: #4c494a;
    width: 70px;
    outline: none;
    color: #c8c1b7;
    border-radius: 3px;
    position: absolute;
    right: 4px;
    top: 5px; }
.raidersBox .list {
  padding: 0 14px; }
  .raidersBox .list .news {
    margin: 20px 0; }
    .raidersBox .list .news a {
      float: left; }
  .raidersBox .list li {
    font-size: 14px;
    color: #666666;
    overflow: hidden;
    margin-bottom: 20px; }
    .raidersBox .list li a {
      color: #666666; }
  .raidersBox .list .date {
    float: right; }
.raidersBox .result {
  padding: 0 14px;
  font-size: 16px;
  color: #f07700;
  margin-top: 20px; }
  .raidersBox .result em {
    font-style: normal; }
.raidersBox .blank {
  background: url(../img/blank.jpg);
  width: 487px;
  height: 192px; }

.giftBox .tab:before,
.giftBox .tab:after {
  content: " ";
  display: table; }

.giftBox .tab:after {
  clear: both; }

.giftBox .tab li {
  line-height: 75px;
  width: 202px; }

.giftBox .contentBox:before,
.giftBox .contentBox:after {
  content: " ";
  display: table; }

.giftBox .contentBox:after {
  clear: both; }

.giftBox .contentBox .intro {
  height: 173px;
  padding: 0 8px;
  border-bottom: 1px solid #cfc7bb; }

.giftBox .contentBox .intro:before,
.giftBox .contentBox .intro:after {
  content: " ";
  display: table; }

.giftBox .contentBox .intro:after {
  clear: both; }

.giftBox .contentBox .intro .aLink {
  color: #a4926c;
  text-decoration: underline; }

.giftBox .contentBox .intro .code {
  width: 332px;
  margin-top: 14px;
  display: block;
  margin-left: auto;
  margin-right: auto; }

.giftBox .contentBox .intro .code input {
  width: 237px;
  background: #f3f3f3;
  border: 1px solid #3d3a3b;
  height: 28px;
  padding-left: 10px;
  float: left;
  border-right: 0;
  border-radius: 6px 0 0 6px; }

.giftBox .contentBox .intro .code button {
  height: 32px;
  background: #4c494a;
  width: 83px;
  outline: none;
  border: 1px solid #3d3a3b;
  border-left: 0;
  color: #c8c1b7;
  border-radius: 0 6px 6px 0; }

.giftBox .contentBox .intro .getCode {
  margin-top: 22px;
  text-align: center; }

.giftBox .contentBox .intro .getCode button {
  width: 167px;
  height: 44px;
  background: #e67a0e;
  border: 0;
  font-size: 24px;
  line-height: 44px;
  color: #fff;
  border-radius: 6px;
  margin-bottom: 10px;
  display: block;
  margin-left: auto;
  margin-right: auto; }

.giftBox .contentBox .codeInfo {
  padding: 30px 8px; }

.giftBox .contentBox .codeInfo:before,
.giftBox .contentBox .codeInfo:after {
  content: " ";
  display: table; }

.giftBox .contentBox .codeInfo:after {
  clear: both; }

.giftBox .contentBox .codeInfo .f-fl,
.giftBox .contentBox .codeInfo .f-fr {
  width: 240px; }

.giftBox .contentBox .getgift {
  height: 180px;
  position: relative;
  overflow: hidden;
  margin: 16px 0;
  padding: 0 18px; }

.giftBox .contentBox .packTable {
  width: 100%;
  color: #827b7d; }

.giftBox .contentBox .packTable th span {
  line-height: 25px;
  padding-left: 4px;
  background: #cecece;
  margin-left: 3px;
  display: block; }

.giftBox .contentBox .packTable td {
  line-height: 32px;
  padding-left: 7px; }

.giftBox .contentBox .title {
  color: #a4926c;
  font-size: 20px;
  margin-bottom: 16px;
  font-weight: normal; }

.giftBox .contentBox .giftInfo p {
  font-size: 15px;
  text-align: center;
  margin-bottom: 10px; }

.giftBox .contentBox p span {
  color: #a4926c; }

.giftBox .contentBox .intBox {
  position: relative;
  overflow: hidden;
  height: 308px; }

.giftBox .contentBox .intBox:before,
.giftBox .contentBox .intBox:after {
  content: " ";
  display: table; }

.giftBox .contentBox .intBox:after {
  clear: both; }

.giftBox .contentBox .intBox .itemPic {
  float: left;
  overflow: hidden;
  width: 158px;
  height: 124px;
  border-radius: 3px;
  display: inline-block; }

.giftBox .contentBox .intBox .mask {
  position: absolute;
  top: 0;
  width: 98px;
  height: 94px;
  background: rgba(0, 0, 0, 0.8);
  background: black \0;
  *background: black;
  border-radius: 6px;
  vertical-align: middle;
  left: 0;
  padding: 30px 30px 0; }

.giftBox .contentBox .intBox .mask p {
  color: #fff; }

.giftBox .contentBox .intgift {
  height: 196px;
  position: relative;
  overflow: hidden;
  margin-top: 16px;
  padding: 0 8px; }

.giftBox .contentBox .itemList {
  height: 100%; }

.giftBox .contentBox .itemList li {
  float: left;
  width: 260px;
  position: relative;
  margin-bottom: 30px; }

.giftBox .contentBox .itemList li img {
  border-radius: 3px;
  width: 158px;
  height: 124px; }

.giftBox .contentBox .itemList li .button {
  width: 70px;
  height: 28px;
  background: #e67a0e;
  display: inline-block;
  text-align: center;
  line-height: 28px;
  color: #fff;
  border-radius: 3px;
  margin: 6px 0 0 14px;
  user-select: none; }

.giftBox .contentBox .itemList li .button.nochange {
  color: #c8c1b7;
  background: #4c494a;
  cursor: default; }

.giftBox .contentBox .itemList li .button:hover {
  text-decoration: none; }

.giftBox .contentBox .itemList li .giftInfo {
  line-height: 28px; }

.giftBox .contentBox {
  padding: 30px; }
.giftBox .newLeft {
  float: left; }
.giftBox .newRight {
  float: right;
  width: 360px;
  text-align: center;
  font-size: 14px; }
  .giftBox .newRight p {
    margin-bottom: 10px; }
.giftBox .label input {
  width: 332px;
  border: 1px solid #b5b5b5;
  outline: 0;
  border-radius: 3px;
  height: 36px;
  padding: 0 10px;
  margin-bottom: 14px;
  line-height: 36px; }
.giftBox .opt .item {
  width: 100px;
  height: 30px;
  line-height: 30px;
  display: block;
  background: #e7e3d8;
  float: left;
  border-radius: 3px;
  margin-right: 26px; }
.giftBox .opt .item.cur {
  background: #f07700;
  color: #fff; }
.giftBox .userInfo {
  padding-right: 20px;
  margin-bottom: 30px;
  font-size: 15px;
  line-height: 30px; }
.giftBox .moreFen {
  text-decoration: underline;
  color: #000; }
.giftBox .changeType {
  width: 100px;
  height: 30px;
  background: #e7e3d8;
  text-align: center;
  display: inline-block;
  margin-left: 23px; }
.giftBox .myGift {
  position: relative;
  overflow: hidden;
  height: 368px; }
  .giftBox .myGift .item {
    background: #ebebeb;
    width: 532px;
    margin-bottom: 24px; }
    .giftBox .myGift .item td {
      padding: 10px; }
  .giftBox .myGift .state1 {
    background: #eddcc0; }
  .giftBox .myGift .state0 {
    background: #e1e1e1; }
.giftBox .copy {
  padding: 0px 5px;
  border: 1px solid #666;
  border-radius: 3px;
  margin-left: 10px;
  cursor: pointer;
  user-select: none; }
.giftBox .giftDialog {
  display: none; }
  .giftBox .giftDialog .close {
    background: url(../img/giftclose.png);
    width: 38px;
    height: 38px;
    position: absolute;
    right: -18px;
    top: -18px; }
  .giftBox .giftDialog .mask {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #000;
    top: 0;
    left: 0;
    z-index: 1;
    opacity: 0.2;
    filter: alpha(opacity=20); }
  .giftBox .giftDialog .box {
    width: 268px;
    height: 188px;
    background: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -210px;
    margin-top: -120px;
    padding: 26px 76px;
    z-index: 2; }
  .giftBox .giftDialog h4 {
    font-size: 16px;
    text-align: center; }
  .giftBox .giftDialog .inner {
    margin-top: 14px;
    line-height: 22px;
    color: #434343;
    overflow-y: auto;
    height: 100%; }
  .giftBox .giftDialog .scroll {
    height: 170px;
    overflow: hidden; }

.mr0 {
  margin-right: 0 !important; }

.fr {
  float: right; }

.compareBox .pkPic .tit {
  position: absolute;
  bottom: 0;
  height: 28px;
  line-height: 28px; 
  width: 273px;
  color: #fff; }

.compareBox .pkPic {
  height: 157px;
  position: relative; }

.compareBox .chose {
  position: absolute;
  width: 100px;
  height: 28px;
  top: 0;
  line-height: 28px;
  color: #fff; }

.compareBox .pkPic .mask {
  position: absolute;
  width: 304px;
  height: 157px;
  top: 0;
  text-align: center;
  color: #b49769;
  font-weight: bold;
  font-size: 24px;
  line-height: 157px;
  cursor: pointer; }

.compareBox .pkPic .f-fl {
  height: 157px;
  border-left: 5px solid #d53434; }

.compareBox .pkPic .f-fl .tit {
  background-image: -webkit-linear-gradient(left, transparent 0%, #000 100%);
  background-image: -o-linear-gradient(left, transparent 0%, #000 100%);
  background-image: linear-gradient(to right, transparent 0%, #000 100%);
  background-repeat: repeat-x;
  text-align: right;
  padding-right: 26px; }

.compareBox .pkPic .f-fl .mask {
  left: 0;
  background: rgba(137, 33, 33, 0.8); }

.compareBox .pkPic .f-fr {
  height: 157px;
  border-right: 5px solid #5a79ca; }

.compareBox .pkPic .f-fr .tit {
  background-image: -webkit-linear-gradient(left, #000 0%, transparent 100%);
  background-image: -o-linear-gradient(left, #000 0%, transparent 100%);
  background-image: linear-gradient(to right, #000 0%, transparent 100%);
  background-repeat: repeat-x;
  text-align: left;
  padding-left: 26px; }

.compareBox .pkPic .f-fr .mask {
  right: 0;
  background: rgba(57, 75, 127, 0.8); }

.compareBox .perBox {
  width: 508px;
  display: block;
  margin-left: auto;
  margin-right: auto; }

.compareBox .perBox .pkPercent {
  height: 37px;
  width: 508px;
  background: #5a79ca;
  margin-top: 10px;
  border-radius: 3px;
  position: relative; }

.compareBox .perBox .pkPercent .redPer {
  background: #d53434;
  height: 37px;
  border-radius: 3px; }

.compareBox .perBox .pkPercent .redNum {
  position: absolute;
  left: 16px;
  top: 14px;
  font-size: 14px;
  color: #fff; }

.compareBox .perBox .pkPercent .blueNum {
  position: absolute;
  right: 16px;
  top: 14px;
  font-size: 14px;
  color: #fff; }

.compareBox .perBox .pkRemark {
  text-align: center;
  color: #FF5722;
  margin-top: 20px;
  font-size: 28px;
  font-weight: bold; }

.compareBox .mesBox {
  padding-top: 20px;
  border-bottom: 1px solid #cfc7bb; }

.compareBox .mesItem {
  margin-bottom: 14px;
  display: inline-block; }

.compareBox .mesItem:before,
.compareBox .mesItem:after {
  content: " ";
  display: table; }

.compareBox .mesItem:after {
  clear: both; }

.compareBox .mesItem dt {
  width: 50px;
  float: left; }

.compareBox .mesItem .nameItem {
  width: 88px;
  float: left; }

.compareBox .mesItem .nameItem .name {
  font-size: 14px;
  color: #272324;
  font-weight: bold;
  margin-bottom: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.compareBox .mesItem .picture {
  float: left;
  width: 34px;
  height: 34px;
  border-radius: 3px; }

.compareBox .mesItem .info {
  width: 296px;
  color: #827b7d;
  display: inline-block;
  float: left;
  padding-right: 14px; }

.compareBox .mesItem .operate {
  width: 58px;
  float: left;
  text-align: center; }

.compareBox .mesItem .operate .time {
  color: #827b7d;
  font-size: 12px; }

.compareBox .code {
  width: 508px;
  margin-top: 20px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  position: relative; }

.compareBox .code .max {
  position: absolute;
  right: 93px;
  bottom: 9px;
  color: #4c494a; }

.compareBox .code input {
  width: 354px;
  background: #f3f3f3;
  border: 1px solid #3d3a3b;
  height: 30px;
  padding: 0 60px 0 10px;
  float: left;
  border-right: 0;
  border-radius: 6px 0 0 6px; }

.compareBox .code button {
  height: 32px;
  background: #4c494a;
  width: 83px;
  outline: none;
  border: 1px solid #3d3a3b;
  border-left: 0;
  color: #c8c1b7;
  border-radius: 0 6px 6px 0; }

.roleBox {
  background: #f3f3f3;
  padding: 30px;
  overflow: hidden;
  height: 444px; }
  .roleBox .opt {
    float: right; }
    .roleBox .opt .item {
      display: block;
      height: 27px;
      line-height: 27px;
      text-align: center;
      width: 70px;
      background: #fff;
      margin-bottom: 12px;
      color: #272324;
      border: 1px solid #b5b5b5;
      border-radius: 3px; }
  .roleBox .infoBox {
    float: left; }
  .roleBox .uploadAvar {
    width: 70px;
    height: 27px;
    text-align: center;
    line-height: 27px;
    display: block;
    border: 1px solid #b5b5b5;
    border-radius: 3px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 6px;
    background: #bda57f;
    color: #fff; }
  .roleBox .recBox .gameImg {
    float: left;
    margin-top: 10px; }
  .roleBox .gameName {
    text-align: center; }
  .roleBox .gameServer .title {
    margin: 6px 0; }
  .roleBox .gameServer .item {
    background: #fff;
    border: 1px solid #b5b5b5;
    border-radius: 3px;
    width: 208px;
    height: 27px;
    text-align: center;
    line-height: 27px;
    display: inline-block;
    margin-bottom: 8px; }

.roleBox:before,
.roleBox:after {
  content: " ";
  display: table; }

.roleBox:after {
  clear: both; }

.roleBox .info {
  padding: 15px;
  background: #e1e1e1;
  overflow: hidden; }
  .roleBox .info:before, .roleBox .info:after {
    content: " ";
    display: table; }
  .roleBox .info:after {
    clear: both; }
  .roleBox .info .f-fl {
    width: 95px; }

.roleBox .info .f-fl img {
  width: 95px;
  height: 95px;
  border-radius: 80px;
  border: 2px solid #b49769; }

.roleBox .info .f-fr {
  width: 314px;
  border-left: 1px solid #b4b4b4;
  padding-left: 40px; }

.roleBox .info .f-fr .name {
  font-size: 20px;
  color: #272324;
  margin-bottom: 15px; }

.roleBox .info .f-fr p {
  margin-bottom: 6px;
  overflow: hidden; }

.roleBox .info p b {
  float: left;
  margin-right: 5px;
  font-weight: 500; }

.roleBox .info p span {
  float: left; }

.letter {
  width: 20px;
  height: 15px;
  display: inline-block;
  background-image: url(../img/letter.png);
  background-repeat: no-repeat;
  margin: 0 3px 0 0;
  float: left; }

.letter.cur {
  background-position: -22px 0; }

.roleBox .recGame {
  overflow: hidden;
  margin: 6px 0;
  text-align: center; }

.roleBox .recGame:before,
.roleBox .recGame:after {
  content: " ";
  display: table; }

.roleBox .recGame:after {
  clear: both; }

.roleBox .recGame h3 {
  font-size: 14px;
  font-weight: normal;
  color: #666;
  margin-bottom: 10px; }

.roleBox .recGame .recList {
  height: 150px;
  overflow: hidden;
  background: #131212;
  position: absolute;
  left: 0;
  bottom: 0; }

.roleBox .recGame .recList:before,
.roleBox .recGame .recList:after {
  content: " ";
  display: table; }

.roleBox .recGame .recList:after {
  clear: both; }

.roleBox .recGame li {
  float: left;
  position: relative;
  margin-right: 2px;
  height: 150px; }

.roleBox .recGame li a img {
  height: 150px;
  width: 126px; }

.roleBox .recGame li .tit {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 32px;
  width: 122px;
  background-image: -webkit-linear-gradient(left, #000 0%, transparent 100%);
  background-image: -o-linear-gradient(left, #000 0%, transparent 100%);
  background-image: linear-gradient(to right, #000 0%, transparent 100%);
  background-repeat: repeat-x;
  color: #e1e1e1;
  padding: 4px 0 0 4px; }



/* 弹窗 */
.MarkLayer{	    position: absolute;	    left:0;top:0;	    z-index: 100;		width:100%;	    height:100%;	    background:rgba(18,18,18,0.7);	 display:none;  	}

/*图片视频弹窗*/
.pop_tuku_bar{  position: absolute;	    /*left:65px;top:75px;	 width:510px;*/    z-index: 200;		display:none;    	}
.pop_tuku_bar a{color:#fff;}
.btn_tan_close,.popClose{display:block;width:50px;height:50px;line-height:50px; text-align:center; font-size:30px; color:#FFF;  overflow:hidden; font-family:Arial, Helvetica, sans-serif; background:#000;   }
.btn_tan_close:hover,.popClose:hover{ color:#f90; text-decoration:none;  }
 
.tuku_left{float:left;display:inline;	/*width:800px;*/	overflow:hidden; border:5px solid #000; }
.tuku_right{float:right;display:inline;width:50px;overflow:hidden;}
.pt_pics  { padding:0;  background:#000; /* height:300px;line-height:300px; width:450px;*/  overflow:hidden; text-align:center;   }
.pt_pics img{ max-height:100%; max-width:450px; vertical-align:middle;  }
 
.pt_lin{width:100%;text-align: center; height:33px;line-height:33px;color:#fff; background:#000; }
.pt_lin .ot_a a,.pt_lin .ot_b a{}
.pt_lin .ot_a{padding:0px 14px;}
.pt_lin .ot_b{padding:0px 14px;}
.pop_tuku_bar a{color:#fff;}
